<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Chapter 2: I Must Be Dreaming</title>

<link rel="shortcut icon" href="images/2reading.gif">
<link href="foti.css" rel="stylesheet" type="text/css">

<style type="text/css">

#canvas {
	margin: 10px auto 0 auto;
	border: 5px double #aa9e8c;
}

#bg, #char {display: none;}

</style>

<script type="text/javascript">
var vc, vctx, vi1, bgr;
	function init(){
		vc = document.getElementById("canvas");
		vctx = vc.getContext("2d"); 
		bgr = document.getElementById("bg");
		vi1 = document.getElementById("char");
		setInterval("animation()",500);
	}

	var dax = 0; counter=0;
	function animation() {
		if (counter >= 5) counter = 0; else	counter++;
		vctx.drawImage(bgr,0,0,800,600);
		vctx.drawImage(vi1,dax,0,400,350, 300, 165, 400, 350);
		dax = 400 * counter;
	}
	

  
</script>

</head>
<body onload="init()">

	<h1>Figment of the Imagination</h1>
	<h2>Chapter 2: I Must Be Dreaming</h2>
	<h2>Scene 3: Chillin' Like A Villain</h2>


<center><img src="images/line divider.png" width=800 style="opacity: .7;"></center>

<div id="content">

<center><canvas id="canvas" width=800 height=600></canvas></center>
<img id="bg" src="images/ch2/cabinet.png" width=800 height=600>
<img id="char" src="images/ch2/searching.png">

<center><img src="images/photo.png" width=800 style="margin:-4px 0 0 0;"></center>

<div id="scenetext">
<p>
Ada tried to search for a light tool. The wind felt bizarrely algid, and it gets stronger... and stronger. 
Total darkness. She heard papers flying, bits striking her face. At this point, the windstorm had abruptly 
stopped. <br><br> 
	
Chills ran down her body, the room suddenly felt like it was in Alaska. Still struggling to find a source 
of light. The atmosphere shifted. Ada was not alone. 

</p>

<center><img src="images/line divider.png" width=800 style="opacity: .7;"></center>
	
</div>

<div align="center" style="padding-bottom: 30px;">
<a href="Chapter2Scene2.jsp" title="American Li-tortured"><button id="button">BACK</button></a>
<a href="tableofcontent.jsp" title="Back to Table of Contents"><button id="button2">TABLE OF CONTENTS</button></a>
<a href="Chapter2Scene4.jsp" title="Precious Phone"><button id="button">NEXT</button></a>
</div>

</div>


</body>
</html>

